<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 
	    <style type="text/css">
			 td { 
				 align:center;
			 }
	    </style> 
    -->
	  <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <!-- TopJUI框架样式 -->
    <link type="text/css" href="${pageContext.request.contextPath}/TopJUI/topjui/css/topjui.core.min.css" rel="stylesheet">
    <link type="text/css" href="${pageContext.request.contextPath}/TopJUI/topjui/themes/default/topjui.red.css" rel="stylesheet" id="dynamicTheme"/>
    <!-- FontAwesome字体图标 -->
    <link type="text/css" href="${pageContext.request.contextPath}/TopJUI/static/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <!-- layui框架样式 -->
    <link type="text/css" href="${pageContext.request.contextPath}/TopJUI/static/plugins/layui/css/layui.css" rel="stylesheet"/>
    <!-- jQuery相关引用 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/TopJUI/static/plugins/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/TopJUI/static/plugins/jquery/jquery.cookie.js"></script>
    <!-- TopJUI框架配置 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/TopJUI/static/public/js/topjui.config.js"></script>
    <!-- TopJUI框架核心-->
    <script type="text/javascript" src="${pageContext.request.contextPath}/TopJUI/topjui/js/topjui.core.min.js"></script>
    <!-- TopJUI中文支持 -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/TopJUI/topjui/js/locale/topjui.lang.zh_CN.js"></script>
    <!-- layui框架js -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/TopJUI/static/plugins/layui/layui.js" charset="utf-8"></script>
</head>
<body>
<input type="hidden" id="a0" name="a0">
<table class="editTable">
    <tr>
        <td class="label" align="center">职务：</td>
        <td align="center">
            <input type="text" name="a1"
                   data-toggle="topjui-combobox"
                   data-options="data:[
                       {
                           text: '员工',
                           value: '员工'
                       },
                       {
                           text: '经理',
                           value: '经理'
                       },
                       {
                           text: '主管',
                           value: '主管'
                       },
                       {
                           text: '库管',
                           value: '库管'
                       },
                   ]">
        </td>
    </tr>
   	<tr>
        <td class="label" align="center">地区：</td>
        <td align="center">
            <input type="text" name="a2"
                   data-toggle="topjui-combobox"
                   data-options="data:[
                       {
                           text: '北京',
                           value: '北京'
                       },
                       {
                           text: '西安',
                           value: '西安'
                       },
                       {
                           text: '重庆',
                           value: '重庆'
                       },
                       {
                           text: '上海',
                           value: '上海'
                       },
                   ]">
        </td>
    </tr>
    <tr>
        <td class="label" align="center">姓名：</td>
        <td align="center">
            <input type="text" name="a3" data-toggle="topjui-textbox" data-options="required:true,width:151">
        </td>
    </tr>
    <tr>
        <td class="label" align="center">部门：</td>
        <td align="center">
            <input type="text" name="a4"
                   data-toggle="topjui-combobox"
                   data-options="data:[
                       {
                           text: '开发部',
                           value: '开发部'
                       },
                       {
                           text: '人事部',
                           value: '人事部'
                       },
                       {
                           text: '研发部',
                           value: '研发部'
                       },
                   ]">
        </td>
    </tr>
    <tr>
    	<td class="label" align="center">出生日期：</td>
        <td align="center">
        	<input type="text" name="a5" data-toggle="topjui-datebox" data-options="required:true,prompt:'出生日期是必填字段'">
        </td>
    </tr>
     <tr>
        <td class="label" align="center">学历：</td>
        <td align="center">
            <input type="text" name="a4"
                   data-toggle="topjui-combobox"
                   data-options="data:[
                       {
                           text: '研究生',
                           value: '大学'
                       },
                       {
                           text: '大学',
                           value: '大学'
                       },
                       {
                           text: '初中',
                           value: '初中'
                       },
                       {
                           text: '小学',
                           value: '小学'
                       },
                   ]">
        </td>
    </tr>
    
    <tr>
    	<td class="label" align="center">学校：</td>
        <td align="center">
            <input type="text" name="a5" data-toggle="topjui-textbox" data-options="width:151">
        </td>
    </tr>
    <tr>
    	<td class="label" align="center">专业：</td>
        <td align="center">
            <input type="text" name="a6" data-toggle="topjui-textbox" data-options="width:151">
        </td>
    </tr>
 	<tr>
    	<td class="label" align="center">入社日期：</td>
        <td align="center">
        	<input type="text" name="a9" data-toggle="topjui-datebox" data-options="required:true,prompt:' 入社日期是必填字段'">
        </td>
    </tr>
 	<tr>
    	<td class="label" align="center">联系方式：</td>
        <td align="center">
        	<input type="text" name="ab0" data-toggle="topjui-datebox" data-options="required:true,">
        </td>
    </tr>
    <tr>
    	<td class="label" align="center">QQ：</td>
        <td align="center">
            <input type="text" name="ab1" data-toggle="topjui-textbox" data-options="width:151">
        </td>
    </tr>
    <tr>
    	<td class="label" align="center">邮箱：</td>
        <td align="center">
            <input type="text" name="ab2" data-toggle="topjui-textbox" data-options="width:151">
        </td>
    </tr>
    <tr>
    	<td class="label" align="center">家庭住址：</td>
        <td align="center">
            <input type="text" name="ab3" data-toggle="topjui-textbox" data-options="width:151">
        </td>
    </tr>
    <tr>
    	<td class="label" align="center">紧急联系人：</td>
        <td align="center">
            <input type="text" name="ab4" data-toggle="topjui-textbox" data-options="width:151">
        </td>
    </tr>
    <tr>
    	<td class="label" align="center">联系方式：</td>
        <td align="center">
            <input type="text" name="ab5" data-toggle="topjui-textbox" data-options="width:151">
        </td>
    </tr>
    <tr>
        <td class="label" align="center">备注：</td>
        <td align="center">
        	<textArea style="height:100px; width: 150px" name="ab6">
        		
        	</textArea>
        </td>
    </tr>
    
</table>
</body>